<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <script src='./boot/js/jquery.min.js'></script>
    <script src='./boot/js/popper.min.js'></script>
    <script src='./boot/js/bootstrap.min.js'></script>
    <link rel='stylesheet' href='./boot/css/bootstrap.css'>
    <link rel="stylesheet" href="./asset/css/login.css">
</head>

<body>
    <div>
        <div class="header">
            <div class="container">
                <nav class="navbar navbar-light">
                    <img src="./img/NVIDIA-Logo.dark.19626d11a8fe93bc88c8.svg" alt="">
                </nav>

            </div>
        </div>
        <div class="tab">
            <div class="container">
                <div class="content">
                    登录
                </div>
            </div>
        </div>
    </div>


    <div class="pagecontent">
        <div class="container">
            <!-- 表单内容 -->
            <div class="mycontent">
                <div class="mytitle">
                    <span>登录客户端</span>
                </div>
                <div class="cpn">
                    <span>NVIDIA</span>
                </div>
            </div>

            <!-- 表单内容 -->
            <div class="myform">
                <div class="eamil">
                    <input type="text" placeholder="电子邮件地址">
                </div>
                <div class="pwd">
                    <input type="password" placeholder="密码">
                </div>
                <div class="cbox">
                    <input type="checkbox" name="login" id="keep"><label for="keep">保持登录</label>
                    <input type="checkbox" name="login" id="auto"><label for="auto">自动登录</label>
                </div>

                <div class="lgbtn">
                    <button>登录</button>
                </div>

                <div class="warm">
                    <span>Sign in with security device</span>
                </div>

                <div class="create">
                    <span>没有账户?</span>
                    <span>创建账户</span>
                </div>

                <div class="three">
                    <div class="wechat">
                        <div class="item1">
                            <img src="./img/login/social-logo-wechat.dark.485c18b9dc9a620be881.svg" alt="">
                            <span>使用WeChat登录</span>
                        </div>
                    </div>
                    <div class="qq">
                        <div class="item2">
                            <img src="./img/login/social-logo-qq.ae04bff2ea7d331db549.svg" alt="">
                            <span>使用QQ登录</span>
                        </div>
                    </div>
                    <div class="apple">
                        <div class="item3">
                            <img src="./img/login/social-logo-apple.dark.9e23b7947af2357f9968.svg" alt="">
                            <span>使用Apple登录</span>
                        </div>
                    </div>
                </div>

                <div class="showmore">
                    <span>显示更多 ▼</span>
                </div>

                <div class="help">
                    <span>登陆时需要帮助?</span>
                </div>
            </div>

        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="container">
            <div class="leftside">
                <span>简体中文</span>
                <span>▼</span>
            </div>
            <div class="rightside">
                <ul>
                    <li class="lis">隐私政策</li>
                    <li class="lis">法律信息</li>
                    <li>联系我们</li>
                </ul>
                <p>版权所有 © 2021 NVIDIA Corporation</p>
            </div>
        </div>
    </div>
</body>

</html>